<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>背景</title>
	<style>

		.box1{
			width:200px;
			height:200px;
			border:2px solid #000;

			/*如果背景图片尺寸大于div背景会重复*/
			background-image:url(images/icon1.png);

			/*让图片水平和竖直方向不重复*/
			/*background-repeat: no-repeat;*/
			
			/*图片水平重复   竖直方向不重复*/
			/*background-repeat:repeat-x;*/

			/*图片竖直重复   水平方向不重复*/
			/*background-repeat: repeat-y;*/
		}
	ckground-size: 
		}

	</style>
</head>
<body>
	<div class="box1">
		
	</div>

</body>
</html>